<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/replyDetail.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/strategyDetail.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/strategyDetail.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>

    <style>

        .row-placeTop .icon {
            float: left;
            margin-right: 10px;
            width: 30px;
            height: 30px;
            background: url(static/images/f1.jpeg) no-repeat -230px 0;
            overflow: hidden;
        }

        user agent stylesheet
        i, cite, em, var, address, dfn {
            font-style: italic;
        }

        .pop-reviews {
            width: 850px;
            top: 5%;
            margin: 0 0 0 -465px;
            padding: 35px 40px 40px;
            background-color: #fff;
        }

        .row-placeTop .icon {
            float: left;
            margin-right: 10px;
            width: 30px;
            height: 30px;
            background: url(/images/poiV3-sprite6.png) no-repeat -230px 0;
            overflow: hidden;
        }

        user agent stylesheet
        i, cite, em, var, address, dfn {
            font-style: italic;
        }

        .row-placeTop .btn-collect, .row-placeTop .btn-been {
            display: inline-block;
            height: 30px;
            margin-left: 20px;
            color: #333;
            line-height: 15px;
            vertical-align: top;
            line-height: 30px;
            font-size: 14px;
        }

        .row a {
            color: #643718;
        }

        a {
            background-color: transparent;
            text-decoration: none;
            color: #ff9d00;
            cursor: pointer;
        }

        a {
            color: #ff9d00;
            text-decoration: none;
            cursor: pointer;
        }

        user agent stylesheet
        a:-webkit-any-link {
            color: -webkit-link;
            cursor: pointer;
            text-decoration: underline;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        .row-placeTop .extra {
            float: right;
            padding-top: 10px;
            text-align: right;
            position: relative;
            z-index: 2;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body {
            font-size: 12px;
            font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, "PingFang SC", STHeiti;
            _font-family: Tahoma, Arial, Helvetica, STHeiti;
            color: #666;
        }

        html {
            font-family: Arial, 'Microsoft Yahei';
            font-size: 12px;
            color: #666;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        element.style {
        }

        .row-placeTop .extra {
            float: right;
            padding-top: 10px;
            text-align: right;
            position: relative;
            z-index: 2;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        user agent stylesheet
        div {
            display: block;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body {
            font-size: 12px;
            font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, "PingFang SC", STHeiti;
            _font-family: Tahoma, Arial, Helvetica, STHeiti;
            color: #666;
        }

        html {
            font-family: Arial, 'Microsoft Yahei';
            font-size: 12px;
            color: #666;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        element.style {
        }

        .row-placeTop .action {
            margin-top: 25px;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        user agent stylesheet
        div {
            display: block;
        }

        .row-placeTop .extra {
            float: right;
            padding-top: 10px;
            text-align: right;
            position: relative;
            z-index: 2;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body {
            font-size: 12px;
            font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, "PingFang SC", STHeiti;
            _font-family: Tahoma, Arial, Helvetica, STHeiti;
            color: #666;
        }

        html {
            font-family: Arial, 'Microsoft Yahei';
            font-size: 12px;
            color: #666;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        element.style {
        }

        .row-placeTop .btn-collect, .row-placeTop .btn-been {
            display: inline-block;
            height: 30px;
            margin-left: 20px;
            color: #333;
            line-height: 15px;
            vertical-align: top;
            line-height: 30px;
            font-size: 14px;
        }

        .row a {
            color: #643718;
        }

        a {
            background-color: transparent;
            text-decoration: none;
            color: #ff9d00;
            cursor: pointer;
        }

        a {
            color: #ff9d00;
            text-decoration: none;
            cursor: pointer;
        }

        user agent stylesheet
        a:-webkit-any-link {
            color: -webkit-link;
            cursor: pointer;
            text-decoration: underline;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        .row-placeTop .extra {
            float: right;
            padding-top: 10px;
            text-align: right;
            position: relative;
            z-index: 2;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body {
            font-size: 12px;
            font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, "PingFang SC", STHeiti;
            _font-family: Tahoma, Arial, Helvetica, STHeiti;
            color: #666;
        }

        html {
            font-family: Arial, 'Microsoft Yahei';
            font-size: 12px;
            color: #666;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        element.style {
        }

        .row-placeTop .icon {
            float: left;
            margin-right: 10px;
            width: 30px;
            height: 30px;
            background: url(/images/poiV3-sprite6.png) no-repeat -230px 0;
            overflow: hidden;
        }

        user agent stylesheet
        i, cite, em, var, address, dfn {
            font-style: italic;
        }

        .row-placeTop .btn-collect, .row-placeTop .btn-been {
            display: inline-block;
            height: 30px;
            margin-left: 20px;
            color: #333;
            line-height: 15px;
            vertical-align: top;
            line-height: 30px;
            font-size: 14px;
        }

        .row a {
            color: #643718;
        }

        a {
            background-color: transparent;
            text-decoration: none;
            color: #ff9d00;
            cursor: pointer;
        }

        a {
            color: #ff9d00;
            text-decoration: none;
            cursor: pointer;
        }

        user agent stylesheet
        a:-webkit-any-link {
            color: -webkit-link;
            cursor: pointer;
            text-decoration: underline;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        .row-placeTop .extra {
            float: right;
            padding-top: 10px;
            text-align: right;
            position: relative;
            z-index: 2;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body {
            font-size: 12px;
            font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, "PingFang SC", STHeiti;
            _font-family: Tahoma, Arial, Helvetica, STHeiti;
            color: #666;
        }

        html {
            font-family: Arial, 'Microsoft Yahei';
            font-size: 12px;
            color: #666;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        element.style {
        }

        .row-placeTop .btn-collect, .row-placeTop .btn-been {
            display: inline-block;
            height: 30px;
            margin-left: 20px;
            color: #333;
            line-height: 15px;
            vertical-align: top;
            line-height: 30px;
            font-size: 14px;
        }

        .row a {
            color: #643718;
        }

        a {
            background-color: transparent;
            text-decoration: none;
            color: #ff9d00;
            cursor: pointer;
        }

        a {
            color: #ff9d00;
            text-decoration: none;
            cursor: pointer;
        }

        user agent stylesheet
        a:-webkit-any-link {
            color: -webkit-link;
            cursor: pointer;
            text-decoration: underline;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        .row-placeTop .extra {
            float: right;
            padding-top: 10px;
            text-align: right;
            position: relative;
            z-index: 2;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body {
            font-size: 12px;
            font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, "PingFang SC", STHeiti;
            _font-family: Tahoma, Arial, Helvetica, STHeiti;
            color: #666;
        }

        html {
            font-family: Arial, 'Microsoft Yahei';
            font-size: 12px;
            color: #666;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        element.style {
        }

        .row-placeTop .btn-collect, .row-placeTop .btn-been {
            display: inline-block;
            height: 30px;
            margin-left: 20px;
            color: #333;
            line-height: 15px;
            vertical-align: top;
            line-height: 30px;
            font-size: 14px;
        }

        .row a {
            color: #643718;
        }

        a {
            background-color: transparent;
            text-decoration: none;
            color: #ff9d00;
            cursor: pointer;
        }

        a {
            color: #ff9d00;
            text-decoration: none;
            cursor: pointer;
        }

        user agent stylesheet
        a:-webkit-any-link {
            color: -webkit-link;
            cursor: pointer;
            text-decoration: underline;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        .row-placeTop .extra {
            float: right;
            padding-top: 10px;
            text-align: right;
            position: relative;
            z-index: 2;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body {
            font-size: 12px;
            font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, "PingFang SC", STHeiti;
            _font-family: Tahoma, Arial, Helvetica, STHeiti;
            color: #666;
        }

        html {
            font-family: Arial, 'Microsoft Yahei';
            font-size: 12px;
            color: #666;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        element.style {
        }

        .row-placeTop .btn-collect, .row-placeTop .btn-been {
            display: inline-block;
            height: 30px;
            margin-left: 20px;
            color: #333;
            line-height: 15px;
            vertical-align: top;
            line-height: 30px;
            font-size: 14px;
        }

        .row a {
            color: #643718;
        }

        a {
            background-color: transparent;
            text-decoration: none;
            color: #ff9d00;
            cursor: pointer;
        }

        a {
            color: #ff9d00;
            text-decoration: none;
            cursor: pointer;
        }

        user agent stylesheet
        a:-webkit-any-link {
            color: -webkit-link;
            cursor: pointer;
            text-decoration: underline;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        .row-placeTop .extra {
            float: right;
            padding-top: 10px;
            text-align: right;
            position: relative;
            z-index: 2;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body {
            font-size: 12px;
            font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, "PingFang SC", STHeiti;
            _font-family: Tahoma, Arial, Helvetica, STHeiti;
            color: #666;
        }

        html {
            font-family: Arial, 'Microsoft Yahei';
            font-size: 12px;
            color: #666;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        element.style {
        }

        .row-placeTop .btn-been .icon {
            background-position: -230px -30px;
        }

        .row-placeTop .icon {
            float: left;
            margin-right: 10px;
            width: 30px;
            height: 30px;
            background: url(../images/poiV3-sprite6.png) no-repeat -230px 0;
            overflow: hidden;
        }

        user agent stylesheet
        i, cite, em, var, address, dfn {
            font-style: italic;
        }

        .row-placeTop .btn-collect, .row-placeTop .btn-been {
            display: inline-block;
            height: 30px;
            margin-left: 20px;
            color: #333;
            line-height: 15px;
            vertical-align: top;
            line-height: 30px;
            font-size: 14px;
        }

        .row a {
            color: #643718;
        }

        a {
            background-color: transparent;
            text-decoration: none;
            color: #ff9d00;
            cursor: pointer;
        }

        a {
            color: #ff9d00;
            text-decoration: none;
            cursor: pointer;
        }

        user agent stylesheet
        a:-webkit-any-link {
            color: -webkit-link;
            cursor: pointer;
            text-decoration: underline;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        .row-placeTop .extra {
            float: right;
            padding-top: 10px;
            text-align: right;
            position: relative;
            z-index: 2;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body, p, div {
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

        body {
            font-size: 12px;
            font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, "PingFang SC", STHeiti;
            _font-family: Tahoma, Arial, Helvetica, STHeiti;
            color: #666;
        }

        html {
            font-family: Arial, 'Microsoft Yahei';
            font-size: 12px;
            color: #666;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }


    </style>
    <script>
        $(function () {

            $.post("/scenic/comment",$("#commentForm").serialize(),function (data) {
                $("#commentTpl").html(data)
            })

            $(".comment_btn").click(function () {
                var commentData = $(this).data("type");
                console.log(commentData);
                $("#type").val(commentData)
                $.post("/scenic/comment",$("#commentForm").serialize(),function (data) {
                    //console.log(data);
                    $("#commentTpl").html(data)
                })
            })

            //景点点赞
            $('._j_like_comment_btn').click(function () {
                var sid = $(this).data('sid');
                $.get('/scenic/commentThumbUp', {sid: sid}, function () {
                    if (data.code == 102) {
                        window.location.href = "/login.html"
                    }
                    if (data.success) {
                        $(this).addClass("on")
                        alert("点赞成功")
                    } else {
                        if (data.code == 102) {
                            $(this).removeClass("on")
                        } else {
                            $(this).removeClass("on")
                        }
                    }

                })
            })


            $("#dianping").click(function () {

                $('#_j_layer_0').css("display", "block");
            })
            $("#alert_close").click(function () {
                $('#_j_layer_0').css("display", "none");
            })
            //回复评论
            $(".replyBtn").click(function(){
                $('#_j_layer_1').css("display", "block");
            })
            $("#alert_close").click(function () {
                $('#_j_layer_1').css("display", "none");
            })
            //提交
            $("#input_btn").click(function () {

                $("._j_commentdialogform").ajaxSubmit(function (data) {
                    if (data.success) {
                        location.reload()
                    } else {
                        if (data.code==102){
                            window.location.href="/login.html"
                        }else{
                            alert(data.msg);
                        }
                    }
                })
            })

            $("#input_btn1").click(function () {

                $("._j_commentdialogform1").ajaxSubmit(function (data) {
                    if (data.success) {
                        location.reload()
                    } else {
                        if (data.code==102){
                            window.location.href="/login.html"
                        }else{
                            alert(data.msg);
                        }
                    }
                })
            })


            $('.useful').click(function () {
                var sid = $(this).data('sid');
                console.log(sid);
                $.get('/scenic/commentThumbUp', {sid: sid}, function (data) {
                    console.log(data);
                    if (data.success) {
                        $(this).addClass("on")
                        popup("点赞成功")
                    } else {
                        if (data.code == 102) {
                            $(this).removeClass("on")

                        } else {
                            $(this).removeClass("on")
                            popup("取消点赞")
                        }
                    }
                })
            })


            // 触发file上传框
            $(".add-place").click(function () {
                $("#file_input").click();
            })
            var i = "";
            $('#file_input').change(function () {
                if ($(this).val()) {
                    $('#img_form').ajaxSubmit({
                        url: "/scenic/images",
                        success: function (data) {
                            if (data) {
                                console.log(data);
                                var img_url = "/" + data;
                                var dd = "<dd class=\"_j_picitem\"> <div class=\"place\"><div class=\"img\"><img class=\"_j_edit_src\" src=" + img_url + " style=\"width: 120px; height: 120px;\" title=\"\"></div><div class=\"title\"><h4 class=\"_j_edit_title\"></h4></div><div class=\"mask-operate\"><a class=\"btn-remove _j_remove_dd\"></a></div></div></dd>"
                                $("._j_piclist").prepend(dd);
                                i = i + "," + img_url;
                                $("#picUpload").val(i);
                            } else {
                                window.alert(data.msg)
                            }
                        }
                    })
                }
            })


            //收藏
            $('.btn-collect').click(function () {
                var sid = $(this).data("sid");
                $.get("/scenic/favor", {sid: sid}, function (data) {
                    if (data.code == 102) {
                        window.location.href = "/login.html"
                    }
                    if (data.success) {
                        $(this).addClass("on")
                        popup("成功收藏");
                    } else {
                        if (data.code == 102) {
                            $(this).removeClass("on")
                        } else {
                            $(this).removeClass("on")
                            popup("取消收藏");
                        }
                    }
                });
            });
            //去过
            $(".btn-been").click(function () {
                var sid = $(this).data("sid");
                $.get("/scenic/been", {sid: sid}, function (data) {
                    if (data.success) {
                        $(this).addClass("on")
                        popup("去过");
                    } else {
                        if (data.code == 102) {
                            $(this).removeClass("on")
                        } else {
                            $(this).removeClass("on")
                            popup("取消去过");
                        }
                    }
                });
            });


            $('.btn_submit_reply').click(function () {
                var content = $('.comment_reply').text();
                $.get('/scenic/add', {content: content}, function (data) {
                    if (data.success) {

                    } else {

                    }
                })
            })
        })
    </script>
</head>

<body>
<#assign currentNav="scenic">
<#include "../common/navbar.ftl">
<!----------------------------------------->
<#if scenic??>
<div class="container" data-cs-t="景点详情页">

    <div class="row row-top">
        <div class="wrapper">
            <div class="extra">
                <!-- 天气 S-->
                <div class="weather" data-cs-p="天气">
                    <a href="/weather/10088.html" target="_blank">
                        <img src="http://images.mafengwo.website/images/mdd_weather/icon/icon34.png" width="25" height="25">
                        <span>中雨 27℃~34℃</span>
                    </a>
                </div>
                <!-- 天气 E-->
                <!-- 收藏去过 S-->
            <#-- <div class="action _j_rside want-been">
                 <div class="been-box">
                     <a class="_j_beenpoi btn-been _j_hovergo" href="/path/" target="_blank" title="添加至我的足迹"
                        data-cs-p="足迹">
                         <i class="icon"></i>
                         <span class="txt">去过</span>
                     </a>
                     <div class="rate-pop" style="display:none;">
                         <div class="rank-star">
                             <span class="s-star s-star0"></span>
                             <div class="click_star">
                                 <a title="1星" rel="nofollow" data-num="1"></a>
                                 <a title="2星" rel="nofollow" data-num="2"></a>
                                 <a title="3星" rel="nofollow" data-num="3"></a>
                                 <a title="4星" rel="nofollow" data-num="4"></a>
                                 <a title="5星" rel="nofollow" data-num="5"></a>
                             </div>
                         </div>
                         <span class="rank-hint">必去推荐</span>
                     </div>
                 </div>
                 <a class="_j_favpoi btn-collect" data-id="${scenic.id!}" href="javascript:void(0);" target="_blank" title="添加收藏"
                    data-cs-p="收藏">
                     <i class="icon"></i>
                     <span class="txt">收藏</span>
                 </a>
             </div>-->

                <div class="extra">
                    <div class="action">
                        <a class="btn-collect" id="collect"  href="javascript:void(0)" _iswg="0" _mddid="10088" data-act="want_go"
                           data-sid="${scenic.id}" data-cs-l="收藏-添加"><i class="icon ${(isFavor?string('on',''))!}"></i>收藏</a>
                        <a class="btn-been" href="javascript:void(0)" _ispa="0" _mddid="10088" data-act="set_path"
                           data-sid="${scenic.id}"><i
                                class="icon"></i>去过</a>
                    </div>
                </div>
                <!-- 收藏去过 E-->
            </div>
            <!-- 面包屑 S-->
            <div class="crumb" data-cs-p="面包屑">
                <div class="item"><a href="/destination" target="_blank">目的地</a><em>&gt;</em></div>
                <div class="item">
                    <div class="drop">
                        <span class="hd"><a
                                href="/destination/guide?id=${dest.id!}">${dest.name!}<i></i></a></span>
                        <div class="bd">
                            <i class="arrow"><b></b></i>
                            <div class="col">
                                <ul class="clearfix">
                                    <li><a href="/scenic?destId=${dest.id}" target="_blank">${dest.name!}景点</a></li>
                                    <li><a href="/hotel/10088/" target="_blank">${dest.name!}酒店</a></li>
                                    <li><a href="/cy/10088/gonglve.html" target="_blank">${dest.name!}美食</a></li>
                                    <li><a href="/gw/10088/gonglve.html" target="_blank">${dest.name!}购物</a></li>
                                    <li><a href="/yl/10088/gonglve.html" target="_blank">${dest.name!}娱乐</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <em>&gt;</em>
                </div>
                <div class="item cur">广州景点</div>
            </div>
            <!-- 面包屑 E-->


            <!-- POI名称 S-->
            <div class="title" id="general">
                <h1>${scenic.name!}</h1>
            <#--<div class="en">Canton Tower</div>-->
            </div>
            <!-- POI名称 E-->

            <!-- 快捷导航 S-->
            <div style="height: 60px;">
                <div class="r-nav" id="poi-navbar" data-cs-p="快捷导航">
                    <ul class="clearfix">
                        <li data-scroll="overview" class="on">
                            <a title="概况" href="#general">概况</a>
                        </li>
                        <li data-scroll="attractions" style="display: none">
                            <a title="景点亮点">景点亮点</a>
                        </li>
                        <li data-scroll="commentlist">
                            <a title="蜂蜂点评" href="#commentlist">蜂蜂点评<span>（${scenic.replynum!}条）</span></a>
                        </li>


                        <li data-scroll="comment" class="nav-right">
                            <a class="btn-reviews" title="我要点评" id="dianping">我要点评</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 快捷导航 E-->

        </div>
    </div>

    <script type="text/javascript">
        (function () {
            //面包屑
            $('.drop').hover(function () {
                var target = $(this);
                clearTimeout(target.data('hideTimer'));
                target.addClass('open');
                target.children('bd').fadeIn(200);
            }, function () {
                var target = $(this);
                target.data("hideTimer", setTimeout(function () {
                    target.removeClass('open');
                    target.children('bd').fadeOut(200);
                }, 100));
            });
            //导航
            var $navbar = $('#poi-navbar'),
                    offset_top,
                    $lis = $navbar.find("li").not('.nav-right');
            $('<div/>').insertBefore($navbar).append($navbar).height($navbar.outerHeight(true));
            $(function () {
                offset_top = $navbar.offset().top;
                $(window).bind('scroll.poinav', setFixed).trigger("scroll.poinav");
            });
            $(document).delegate("[data-scroll]", "click", function () {
                scrollTo($(this));
            });

            function setFixed() {
                var $rows = $('body >.container >[data-anchor]'),
                        scrolltop = $(document).scrollTop(),
                        h,
                        _lis = $lis.filter(":visible"),
                        currIndex;
                if (scrolltop > offset_top) {
                    if (!$navbar.hasClass('fixed')) {
                        $navbar.addClass('fixed');
                    }
                    h = $navbar.outerHeight(true);
                    for (var $li, $row, top, i = 0, j = _lis.length; i < j; i++) {
                        $row = $rows.filter("[data-anchor=" + ($li = _lis.eq(i)).attr("data-scroll") + "]");
                        if ($row[0] && (top = $row.offset().top) && (/*i == (j - 1) ||*/
                                        ((top - h <= scrolltop) && (top + $row.outerHeight() - h > scrolltop)))) {
                            currIndex = i;
                            break;
                        }
                    }
                    if (i == j) {
                        _lis.removeClass("on");
                    } else {
                        _lis.eq(currIndex || 0).addClass("on").siblings().removeClass("on");
                    }
                } else {
                    if ($navbar.hasClass('fixed')) {
                        $navbar.removeClass('fixed');
                    }
                    _lis.eq(0).addClass("on").siblings().removeClass("on");
                }
            }
        })();
    </script>
    <div data-anchor="overview">
        <div class="row row-picture row-bg">
            <div class="wrapper">
            <#--概况图-->
                    <#if scenic.coverUrl??>
                    <a class="photo" href="#" target="_blank">
                    <div class="bd">
                        <div class="pic-big"><img
                                src="${scenic.img[0]!}"
                                width="690" height="370"></div>
                        <div class="pic-small"><img
                                src="${scenic.img[1]!}"
                                width="305" height="183"></div>
                        <div class="pic-small"><img
                                src="${scenic.img[2]!}
                                       " width="305" height="183"></div>
                        <span>3 张图片</span>
                    </div>
                    <#else>
                        <div class="bd">
                            <img src="https://n4-q.mafengwo.website/s9/M00/73/E4/wKgBs1g8-y-AL_isAAHdRTpMkzU24.jpeg?imageMogr2%2Fthumbnail%2F%211000x370r%2Fgravity%2FCenter%2Fcrop%2F%211000x370%2Fquality%2F100"
                                 width="100%" height="370">
                        </div>
                    </#if>
            </a>
            </div>
        </div>

        <!-- 简介 S -->
        <#if scenic??>
        <div class="mod mod-detail" data-cs-p="概况">
            <div class="summary">
                ${scenicDetail.content!}
            </div>

            <ul class="baseinfo clearfix">
                <li class="tel">
                    <div class="label">电话</div>
                    <div class="content">${scenic.phone!}</div>
                </li>
            <#if scenic.website??>
                <li class="item-site">
                    <div class="label">网址</div>
                    <div class="content"><a href=${scenic.website!} target="_blank"
                                            rel="nofollow">${scenic.website!}</a>
                    </div>
                </li>
            </#if>
                <li class="item-time">
                    <div class="label">用时参考</div>
                    <div class="content">${scenic.reference!}</div>
                </li>
            </ul>

            <dl>
                <dt>交通</dt>
                <dd>
                    ${scenic.traffic!}
                </dd>
            </dl>
            <dl>
                <dt>门票</dt>
                <dd>
                    <div>
                        <div>
                            ${scenic.ticket!}
                        </div>

                    </div>

                </dd>
            </dl>
            <dl>
                <dt>开放时间</dt>
                <dd>
                    <div>
                        ${scenic.openTime!}
                    </div>

                </dd>
            </dl>
        </div>
        </#if>
        <!-- 简介 E -->
        <div class="mod mod-innerScenic" data-cs-p="地图">
            <div id="dituTpl" class="mhd"><a href="/ditu?keyword=${scenic.name!}">查看地图</a></div>

        </div>
        <!-- 内部景点 S -->
        <div data-anchor="subPoilist">
            <div id="pagelet-block-bb456ee5b764682811223f9b8d30739e" class="pagelet-block"
                 data-api=":poi:pagelet:poiSubPoiApi" data-params="{&quot;poi_id&quot;:&quot;25091&quot;!}"
                 data-async="1"
                 data-controller="/js/poi/ControllerPoiSubPoi">
                <div class="mod mod-innerScenic" data-cs-p="内部景点">
                    <div class="mhd">内部景点</div>
                    <div class="mbd">
                        <ul class="clearfix">
                        <#list  insides as i>
                            <li>
                                <a href="/scenic/inside?insideId=${i.id!}&destId=${dest.id!}" target="_blank"
                                   title="${i.insideName!}">
                                    <img src="${i.coverUrl!}"
                                         width="235" height="150">
                                    <span class="num num-top">${i_index+1!}</span>
                                    <div class="info">
                                        <h3>${i.insideName!}</h3>
                                        <span><em>${i.beenNum!}</em>人去过</span>
                                    </div>
                                </a>
                            </li>
                        </#list>
                        </ul>
                    </div>
                    <div class="more more-subpoi">
                        <a class="btn-subpoi" data-page="1">查看更多</a>
                    </div>
                </div>
                <style>
                    .mod-innerScenic .more {
                        margin-top: 20px;
                        text-align: center;
                    }

                    .mod-innerScenic .more a {
                        display: inline-block;
                        width: 160px;
                        height: 50px;
                        background-color: #fff;
                        border: 1px solid #fc9c27;
                        line-height: 50px;
                        color: #ff9d00;
                        font-size: 14px;
                        border-radius: 4px;
                        text-align: center;
                    }

                    .mod-innerScenic .num {
                        width: 40px;
                    }
                </style>
            </div>
        </div>
        <!-- 内部景点 E -->

    </div>


    <!--评论-->
    <#--<div data-anchor="commentlist" id="commentlist">

        <div id="pagelet-block-15f9d6d9ad9f6c363d2d27120e8a6198" class="pagelet-block"
             data-api=":poi:pagelet:poiCommentListApi" data-params="{&quot;poi_id&quot;:&quot;25091&quot;!}"
             data-async="1"
             data-controller="/js/poi/ControllerPoiComment">
            <div class="mod mod-reviews" data-cs-p="评论列表">
                <div class="mhd mhd-large">蜂蜂点评<span>（共有<em>${scenic.replynum!}</em>条真实评价）</span></div>
                <div class="review-nav">
                    <ul class="clearfix">
                        <li data-type="0" data-category="0" class="on"><span class="divide"></span><a
                                    href="javascript:void(0);"><span>全部</span></a></li>
                        <li data-type="0" data-category="2" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);"><span>有图</span><span class="num"> </span></a>
                        </li>
                        <li data-type="1" data-category="13" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);">
                                <span>好评</span>
                                <span class="num"></span>
                            </a>
                        </li>
                        <li data-type="1" data-category="12" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);">
                                <span>中评</span>
                                <span class="num"></span>
                            </a>
                        </li>
                        <li data-type="1" data-category="11" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);">
                                <span>差评</span>
                                <span class="num"></span>
                            </a>
                        </li>
                        <li data-type="2" data-category="178487584" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">标志性建筑<span class="num"></span></a>
                        </li>
                        <li data-type="2" data-category="103125314" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">人很多<span class="num"></span></a>
                        </li>
                        <li data-type="2" data-category="183864017" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">值得去<span class="num"></span></a>
                        </li>
                        <li data-type="2" data-category="104277092" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">恐高<span class="num"></span></a>
                        </li>
                        <li data-type="2" data-category="176664633" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">交通方便<span class="num"></span></a>
                        </li>
                        <li data-type="0" data-category="1" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);"><span>金牌点评</span><span class="num"> </span></a>
                        </li>
                    </ul>
                </div>
                <div class="loading-img" style="display: none;"><img
                        src="http://images.mafengwo.website/images/weng/loading3.gif"> Loading...
                </div>

                <form action="/scenic/add" method="post" id="searchForm">
                    <input name="currentPage" id="currentPage" type="hidden" value="1">
                    <div class="_j_commentlist">
                        <div class="rev-list">
                            <ul>
                                <#list  page.content as p>
                                    <li class="rev-item comment-item clearfix">
                                        <div class="user"><a class="avatar" href="/destination/guide?id=${dest.id}" target="_blank"><img
                                                src="${p.headUrl!}"
                                                width="48" height="48"></a><span class="level">LV.${p.level}</span></div>
                                        ${p.username!}
                                        <div class="review-item item-star">
                                            <div class="review-star _j_rankblock" data-star="" data-name="rank_star">
                                                <input type="hidden" name="startNum" value="${p.startNum}" essential="1">
                                                <span class="_j_starcount star star${p.startNum}"></span>
                                                <div class="click-star _j_starlist">
                                                    <a role="button" title="不建议" rel="nofollow" class="suggest"
                                                       data-star="1"></a>
                                                    <a role="button" title="有待改善" rel="nofollow" class="suggest"
                                                       data-star="2"></a>
                                                    <a role="button" title="还可以" rel="nofollow" class="suggest"
                                                       data-star="3"></a>
                                                    <a role="button" title="值得一去" rel="nofollow" class="suggest"
                                                       data-star="4"></a>
                                                    <a role="button" title="强烈推荐" rel="nofollow" class="suggest"
                                                       data-star="5"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <i></i>
                                        <a class="useful" data-sid="${scenic.id}" title="点赞">
                                            <i></i><span class="useful-num"></span>
                                        </a>
                                        <div class="rev-img">
                                        <#list  p.picVO as pic>
                                            <a href="#" target="_blank"><img
                                                    src="${pic.name!}"
                                                    width="200" height="120"></a>
                                        </#list>
                                        </div>
                                        ${p.content!}
                                        <br>
                                        <div class="mcmt-bot">
                                            <div class="time">${(p.createTime?string('yyyy-MM-dd HH:ss'))!}</div>
                                            <div class="option">
                                                <a role="button" class="_j_reply replyBtn" data-touser="${p.username!}" data-toid="${p.id!}">回复</a>
                                            </div>
                                        </div>

                                      &lt;#&ndash;  <div class="comment add-reply ">
                                            <ul class="more_reply_box comment_list">
                                                <li>
                                                    <a href="/u/63107989.html" target="_blank">
                                                        <img src="http://b4-q.mafengwo.website/s9/M00/DA/0D/wKgBs1g919mAVdRVAACpgsqFw_Y38.jpeg?imageMogr2%2Fthumbnail%2F%2116x16r%2Fgravity%2FCenter%2Fcrop%2F%2116x16%2Fquality%2F90"
                                                             width="16" height="16">??辣辣辣辣王??
                                                    </a>
                                                    ：摩天轮一圈多长时间啊
                                                    <a class="_j_reply re_reply" data-id="625204" data-uid="63107989"
                                                       data-username="??辣辣辣辣王??" title="添加回复">回复</a>
                                                    <br><span class="time">2019-06-18 22:44:18</span>
                                                </li>

                                            </ul>
                                            <div class="add-comment hide reply-form">
                    <textarea class="comment_reply" data-comment_id="191407415"
                              data-comment_username="红袖·紫月" data-poi_id="25091" data-poi_name="广州塔"
                              data-parent_id="" data-parent_uid="" data-parent_username=""
                              style="overflow: hidden; color: rgb(204, 204, 204);"></textarea>
                                                <a class="btn btn_submit_reply">回复</a>
                                            </div>
                                        </div>&ndash;&gt;
                                        <div class="comment add-reply ">
                                            <ul class="more_reply_box comment_list">
                                                <#list p.refComment! as son>
                                                    <li>
                                                        <a href="/u/63107989.html" target="_blank">
                                                            <img src="${(son.headUrl)}"
                                                                 width="16" height="16">${son.nickname}
                                                        </a>
                                                        ：${(son.content)!}
                                                        <a class="_j_reply re_reply" data-id="625204" data-uid="63107989"
                                                           data-username="${(son.nickname)!}" title="添加回复">回复</a>
                                                        <br><span class="time">${(son.createTime)?string("yyyy-MM-dd HH:mm:ss")}</span>
                                                    </li>
                                                </#list>
                                            </ul>
                                             <div class="add-comment hide reply-form">
                                            <textarea class="comment_reply${p_index+1}" data-comment_id="191407415"
                                              data-comment_username="红袖·紫月" data-poi_id="25091" data-poi_name="广州塔"
                                              data-parent_id="" data-parent_uid="" data-parent_username=""
                                              style="overflow: hidden; color: rgb(204, 204, 204);">  </textarea>
                                                <a class="btn btn_submit_reply${p_index+1}">回复</a>
                                                </div>
                                        </div>
                                        <script>
                                            $('.btn_submit_reply${p_index+1}').click(function () {
                                                var commentSon =$('.comment_reply${p_index+1}').val();
                                                console.log(commentSon);
                                                var commentId="${p.id}";
                                                console.log(commentId);
                                                $.post('/scenic/add',{
                                                    scenicId:${p.scenicId} ,
                                                    id:commentId,
                                                    content:commentSon,
                                                    type:1
                                                },function (data) {
                                                    if(data.success){
                                                        alert("回复成功");
                                                        window.location.reload();
                                                    }else{
                                                        alert(data.msg);
                                                    }
                                                })
                                            })
                                        </script>
                                    </li>
                                </#list>
                            </ul>
                        </div>
                    </div>
                </form>

                <div style="float: right">
                    <div style="float: left;" ><span style="line-height:30px"> 共${page.totalPages!}页 / ${page.totalElements}条&nbsp;&nbsp;&nbsp;</span></div>
                    <div id="pagination" class="jq-pagination" style="display: inline;"></div>
                </div>
                <script>
                    $("#pagination").jqPaginator({
                        totalPages: ${page.totalPages!0},
                        visiblePages: 5,
                        currentPage: ${page.number+1}||1,
                            prev: '<a class="prev" href="javascript:void(0);">上一页<\/a>',
                            next: '<a class="next" href="javascript:void(0);">下一页<\/a>',
                            page: '<a href="javascript:void(0);">{{page}}<\/a>',
                            last: '<a class="last" href="javascript:void(0);" >尾页<\/a>',
                            onPageChange: function(page, type) {
                        if(type == 'change'){
                            $("#currentPage").val(page);
                            $("#searchForm").submit();
                        }

                    }
                    })
                </script>

            </div>
        </div>
    </div>-->

    <div data-anchor="commentlist" id="commentlist">

        <div id="pagelet-block-15f9d6d9ad9f6c363d2d27120e8a6198" class="pagelet-block"
             data-api=":poi:pagelet:poiCommentListApi" data-params="{&quot;poi_id&quot;:&quot;25091&quot;!}"
             data-async="1"
             data-controller="/js/poi/ControllerPoiComment">
            <div class="mod mod-reviews" data-cs-p="评论列表">
                <div class="mhd mhd-large">蜂蜂点评<span>（共有<em>${scenic.replynum!}</em>条真实评价）</span></div>
                <div class="review-nav">
                    <ul class="clearfix">
                        <li data-type="0" data-category="0" class="on"><span class="divide"></span><a
                                    class="comment_btn"  data-type="2"  href="javascript:void(0);"><span>全部</span></a></li>
                        <li data-type="0" data-category="2" class="">
                            <span class="divide"></span>
                            <a class="comment_btn" data-type="3" href="javascript:void(0);"><span>有图</span><span class="num"> </span></a>
                        </li>
                        <li data-type="1" data-category="13" class="">
                            <span class="divide"></span>
                            <a class="comment_btn" data-type="4" href="javascript:void(0);">
                                <span>好评</span>
                                <span class="num"></span>
                            </a>
                        </li>
                        <li data-type="1" data-category="12" class="">
                            <span class="divide"></span>
                            <a class="comment_btn" data-type="5" href="javascript:void(0);">
                                <span>中评</span>
                                <span class="num"></span>
                            </a>
                        </li>
                        <li data-type="1" data-category="11" class="">
                            <span class="divide"></span>
                            <a class="comment_btn" data-type="6" href="javascript:void(0);">
                                <span>差评</span>
                                <span class="num"></span>
                            </a>
                        </li>
                        <li data-type="2" data-category="178487584" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">标志性建筑<span class="num"></span></a>
                        </li>
                        <li data-type="2" data-category="103125314" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">人很多<span class="num"></span></a>
                        </li>
                        <li data-type="2" data-category="183864017" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">值得去<span class="num"></span></a>
                        </li>
                        <li data-type="2" data-category="104277092" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">恐高<span class="num"></span></a>
                        </li>
                        <li data-type="2" data-category="176664633" class="">
                            <span class="filter-word divide"></span>
                            <a href="javascript:void(0);">交通方便<span class="num"></span></a>
                        </li>
                        <li data-type="0" data-category="1" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);"><span>金牌点评</span><span class="num"> </span></a>
                        </li>
                    </ul>
                </div>
                <div class="loading-img" style="display: none;"><img
                        src="http://images.mafengwo.website/images/weng/loading3.gif"> Loading...
                </div>

                <div id="commentTpl"></div>
                <form action="/scenic/add" method="post" id="searchForm">
                    <input name="currentPage" id="currentPage" type="hidden" value="1">

                </form>
                <form action="/scenic/comment" method="post" id="commentForm">
                    <input name="currentPage" id="currentPage" type="hidden" value="1">
                    <input name="scenicId" id="scenicId" type="hidden" value="${qo.scenicId}">
                    <input name="startNum" id="startNum" type="hidden" value="${qo.startNum}">
                    <input name="destId" id="destId" type="hidden" value="${qo.destId}">
                    <input name="type" id="type" type="hidden" value="${qo.type}">

                </form>

                <div style="float: right">
                    <div style="float: left;" ><span style="line-height:30px"> 共${page.totalPages!}页 / ${page.totalElements}条&nbsp;&nbsp;&nbsp;</span></div>
                    <div id="pagination" class="jq-pagination" style="display: inline;"></div>
                </div>

            </div>
        </div>
    </div>
</div>


<!----------------------------------------->
<#--有幸看到这个项目这个js的人,如果你选择的是前端那继续加油,如果你是java开发人员,我真想替你说一万个草泥马,靠靠靠!!!-->
<div id="_j_layer_0" class="layer _j_layer"
     style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000; display: none;">
    <div class="layer_mask _j_mask"
         style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(0, 0, 0); opacity: 0.7; z-index: -1;"></div>
    <div class="layer_content _j_content"
         style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; overflow: hidden auto;">
        <div class="alert-box layer_dialog _j_dialog pop_no_margin pop-reviews dialog_overflow"
             style="position: absolute; opacity: 1; background: rgb(255, 255, 255); z-index: 1; left: 303px; top: 20px;">
            <div class="dialog_title" style="display:none">
                <div class="_j_title title"></div>
            </div>
            <div class="dialog_body _j_content">
                <div class="_j_weng_form_cnt">
                    <style type="text/css">
                        .pop-upload-weng {
                            width: 300px;
                        }

                        .pop-upload-weng ._j_piccomment {
                            display: none;
                        }
                    </style>
                    <div class="mfw-reviews">
                        <div id="_j_wengform_cnt_20190822221213_168">
                            <h2>
                                <strong>${scenic.name!}</strong>
                                <em>*</em>为必填选项
                            </h2>
                        <#--文件上传form-->
                            <form action="" hidden method="post" enctype="multipart/form-data" id="img_form">
                                <input type="file" name="pic" hidden id="file_input">
                            </form>
                            <form action="/scenic/add" method="post" class="_j_commentdialogform">
                                <input type="hidden" name="scenicId" value="${scenic.id!}">
                                <input name="pic" id="picUpload" type="hidden">
                                <div class="review-item item-star">
                                    <div class="label"><em>*</em>总体评价</div>
                                    <div class="review-star _j_rankblock" data-star="" data-name="rank_star">
                                        <input type="hidden" name="startNum" value="" essential="1"
                                               data-inputname="总体评价">
                                        <span class="_j_starcount star"></span>
                                        <div class="click-star _j_starlist">
                                            <a role="button" title="不建议" rel="nofollow" class="suggest"
                                               data-star="1"></a>
                                            <a role="button" title="有待改善" rel="nofollow" class="suggest"
                                               data-star="2"></a>
                                            <a role="button" title="还可以" rel="nofollow" class="suggest"
                                               data-star="3"></a>
                                            <a role="button" title="值得一去" rel="nofollow" class="suggest"
                                               data-star="4"></a>
                                            <a role="button" title="强烈推荐" rel="nofollow" class="suggest"
                                               data-star="5"></a>
                                        </div>
                                    </div>
                                    <span class="txt-tips _j_startip">点击星星打分</span>
                                </div>
                                <div class="review-group">
                                </div>

                                <div class="review-item item-comment">
                                    <div class="label"><em>*</em>内容</div>
                                    <div class="content">
                                        <textarea class="_j_commentarea" name="content" essential="1"
                                                  data-inputname="内容" placeholder="快评论吐了,放过我把！" data-minlen="1"
                                                  data-maxlen="10000"></textarea>
                                        <p class="_j_commentcounttip">内容不超过10000000字</p>
                                    </div>
                                </div>
                                <div class="review-item item-photo">

                                    <div class="label">上传照片</div>
                                    <div class="content">
                                        <dl class="upload-box _j_piclist">
                                            <dd data-wengid="" class="_j_picitem_btn" id="_j_pluplader_btn_container_5"
                                                style="position: relative;">

                                                <a class="add-place"></a>
                                                <div id="html5_1disqndnf1nhef56d4uq8eumun_container"
                                                     class="moxie-shim moxie-shim-html5"
                                                     style="position: absolute; top: 0px; left: 0px; width: 120px; height: 120px; overflow: hidden; z-index: -1;">
                                                    <div id="image1111">
                                                        <input id="html5_1disqndnf1nhef56d4uq8eumun" type="file"
                                                               name="pic"
                                                               style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"
                                                               multiple=""
                                                               accept="image/jpeg,image/gif,image/png,.JPEG">
                                                    </div>
                                                </div>
                                            </dd>

                                        </dl>
                                    </div>
                                </div>
                                <div class="review-item item-action">
                                    <a id="input_btn" class="btn-large _j_submit" role="button" title="提交">提交</a>
                                </div>
                            </form>
                        </div>
                    </div>


                </div>
            </div>
            <a id="alert_close" class="close-btn _j_close"><i></i></a></div>
    </div>
</div>
    <div id="_j_layer_1" class="layer _j_layer"
         style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000; display: none;">
        <div class="layer_mask _j_mask"
             style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(0, 0, 0); opacity: 0.7; z-index: -1;"></div>
        <div class="layer_content _j_content"
             style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; overflow: hidden auto;">
            <div class="alert-box layer_dialog _j_dialog pop_no_margin pop-reviews dialog_overflow"
                 style="position: absolute; opacity: 1; background: rgb(255, 255, 255); z-index: 1; left: 303px; top: 20px;">
                <div class="dialog_title" style="display:none">
                    <div class="_j_title title"></div>
                </div>
                <div class="dialog_body _j_content">
                    <div class="_j_weng_form_cnt">
                        <style type="text/css">
                            .pop-upload-weng {
                                width: 300px;
                            }

                            .pop-upload-weng ._j_piccomment {
                                display: none;
                            }
                        </style>
                        <div class="mfw-reviews">
                            <div id="_j_wengform_cnt_20190822221213_168">
                                <h2>
                                    <strong>${scenic.name!}</strong>
                                    <em>*</em>为必填选项
                                </h2>
                                <#--文件上传form-->
                                <form action="" hidden method="post" enctype="multipart/form-data" id="img_form">
                                    <input type="file" name="pic" hidden id="file_input">
                                </form>
                                <form action="/scenic/add" method="post" class="_j_commentdialogform1">
                                    <input type="hidden" name="scenicId" value="${scenic.id!}">
                                    <input name="pic" id="picUpload" type="hidden">
                                    <div class="review-group">
                                    </div>

                                    <div class="review-item item-comment">
                                        <div class="label"><em>*</em>内容</div>
                                        <div class="content">

                                        <textarea class="_j_commentarea" name="content" essential="1"
                                                  data-inputname="内容" placeholder="回复来自${scenicDetail.username!}！" data-minlen="1"
                                                  data-maxlen="10000"></textarea>
                                            <p class="_j_commentcounttip">内容不超过10000000字</p>

                                        </div>
                                    </div>
                                    <div class="review-item item-photo">

                                        <div class="label">上传照片</div>
                                        <div class="content">
                                            <dl class="upload-box _j_piclist">
                                                <dd data-wengid="" class="_j_picitem_btn" id="_j_pluplader_btn_container_5"
                                                    style="position: relative;">

                                                    <a class="add-place"></a>
                                                    <div id="html5_1disqndnf1nhef56d4uq8eumun_container"
                                                         class="moxie-shim moxie-shim-html5"
                                                         style="position: absolute; top: 0px; left: 0px; width: 120px; height: 120px; overflow: hidden; z-index: -1;">
                                                        <div id="image1111">
                                                            <input id="html5_1disqndnf1nhef56d4uq8eumun" type="file"
                                                                   name="pic"
                                                                   style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"
                                                                   multiple=""
                                                                   accept="image/jpeg,image/gif,image/png,.JPEG">
                                                        </div>
                                                    </div>
                                                </dd>

                                            </dl>
                                        </div>
                                    </div>
                                    <div class="review-item item-action">
                                        <a id="input_btn1" class="btn-large _j_submit" role="button" title="提交">提交</a>
                                    </div>
                                </form>
                            </div>
                        </div>


                    </div>
                </div>
                <a id="alert_close" class="close-btn _j_close"><i></i></a></div>
        </div>
    </div>
<script type="text/javascript">

    $(function () {
        $("._j_starlist a").mouseover(function () {
            var index = $(this).index() + 1;
            var text = $(this).attr("title");

            $(this).closest("div").prev().addClass("star" + index);
            $(this).closest("div").parent().next().html(text);
        }).mouseout(function () {
            var index = $(this).index() + 1;
            var text = $(this).attr("title");
            $(this).closest("div").prev().removeClass("star" + index);
            $(this).closest("div").parent().next().html(text);

            var x = $(this).closest("div").prev().prev().val();
            if (x == index) {
                $(this).closest("div").prev().addClass("star" + x);
            }


        }).click(function () {
            var index = $(this).index() + 1;
            var text = $(this).attr("title");
            $(this).closest("div").prev().addClass("star" + index);
            $(this).closest("div").parent().next().html(text);

            $(this).closest("div").prev().prev().val(index);

        })
    })

</script>
</#if>

<!----------------------------------------->
<div id="footer">
    <div class="ft-content" style="width: 1105px">
        <div class="ft-info clearfix">
            <dl class="ft-info-col ft-info-intro">
                <dt>马蜂窝旅游网</dt>
                <dd>叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及</dd>
                <dd>意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学</dd>
                <dd>习体验，帮助您获得全新的个人发展和能力提升。</dd>
            </dl>
            <dl class="ft-info-col ft-info-qrcode">
                <dd>
                    <span class="ft-qrcode-tejia"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin" style="background-image: url('https://p3-q.mafengwo.website/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
                </dd>
            </dl>
            <dl class="ft-info-social">
                <dt>向崇尚自由的加勒比海盗致敬！</dt>
                <dd>
                    <a class="ft-social-weibo" target="_blank" href="javascript:;" rel="nofollow"><i
                                class="ft-social-icon"></i></a>
                    <a class="ft-social-qqt" target="_blank" href="javascript:;" rel="nofollow"><i
                                class="ft-social-icon"></i></a>
                    <a class="ft-social-qzone" target="_blank" href="javascript:;" rel="nofollow"><i
                                class="ft-social-icon"></i></a>
                </dd>
            </dl>
        </div>

        <div class="ft-links">
            <a target="_blank" href="http://china.makepolo.com/">马可波罗</a><a target="_blank" href="http://www.onlylady.com/">Onlylady女人志</a><a target="_blank" href="http://trip.elong.com/">艺龙旅游指南</a><a target="_blank" href="http://www.cncn.com">欣欣旅游网</a>
            <a target="_blank" href="http://www.8264.com/">户外运动</a><a target="_blank" href="http://www.yue365.com/">365音乐网</a><a target="_blank" href="http://ishare.iask.sina.com.cn/">爱问共享资料</a><a target="_blank" href="http://www.uzai.com/">旅游网</a>
            <a target="_blank" href="http://www.zongheng.com/">小说网</a>
            <a target="_blank" href="http://www.xuexila.com/">学习啦</a><a target="_blank" href="http://www.yododo.com">游多多自助游</a><a target="_blank" href="http://www.zhcpic.com/">问答</a><a target="_blank" href="http://huoche.mafengwo.cn/">火车时刻表</a>
            <a target="_blank" href="http://www.lvmama.com">驴妈妈旅游网</a>
            <a target="_blank" href="http://www.haodou.com/">好豆美食网</a><a target="_blank" href="http://www.taoche.com/">二手车</a><a target="_blank" href="http://www.lvye.cn">绿野户外</a><a target="_blank" href="http://www.tuniu.com/">途牛旅游网</a>
            <a target="_blank" href="http://www.mapbar.com/">图吧</a>
            <a target="_blank" href="http://www.chnsuv.com">SUV联合越野</a><a target="_blank" href="http://www.uc.cn/">手机浏览器</a><a target="_blank" href="http://sh.city8.com/">上海地图</a><a target="_blank" href="http://www.tianqi.com/">天气预报查询</a>
            <a target="_blank" href="http://www.ly.com/">同程旅游</a>
            <a target="_blank" href="http://www.tieyou.com/">火车票</a><a target="_blank" href="http://www.yunos.com/">YunOS</a><a target="_blank" href="http://you.ctrip.com/">携程旅游</a><a target="_blank" href="http://www.jinjiang.com">锦江旅游</a>
            <a target="_blank" href="http://www.huoche.website/">火车时刻表</a>
            <a target="_blank" href="http://www.tripadvisor.cn/">TripAdvisor</a><a target="_blank" href="http://www.tianxun.com/">天巡网</a><a target="_blank" href="http://www.mayi.com/">短租房</a><a target="_blank" href="http://www.zuzuche.com">租租车</a>
            <a target="_blank" href="http://www.5fen.com/">五分旅游网</a>
            <a target="_blank" href="http://www.zhuna.cn/">酒店预订</a><a target="_blank" href="http://www.ailvxing.com">爱旅行网</a><a target="_blank" href="http://360.mafengwo.cn/all.php">旅游</a><a target="_blank" href="http://vacations.ctrip.com/">旅游网</a>
            <a target="_blank" href="http://www.wed114.cn">wed114结婚网</a>
            <a target="_blank" href="http://www.chexun.com/">车讯网</a><a target="_blank" href="http://www.aoyou.com/">遨游旅游网</a><a target="_blank" href="http://www.91.com/">手机</a>
            <a href="javascript:;" target="_blank">更多友情链接&gt;&gt;</a>
        </div>
    </div>
</div>
<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
    <div class="toolbar-item-top" style="display: none;">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.website/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.website/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>
</div>
</body>
</html>